<script src="/public/js/jquery.min.js"></script>

{% extends '../layout/layout.html' %}

{% block content %}

    <div class="listBox">
        <h2>{{content.title}}</h2>
        <p class="colDefault">
            作者: <span class="colInfo">{{author}}</span>
            时间: <span class="colInfo">{{content.addTime | date('Y-m-d H:i:s',-8*60)}}</span>
            阅读: <span class="colInfo">{{content.views}}</span>
            评论: <span class="colInfo">{{content.comments.length}}</span>
        </p>
        <div id="MainArticle">
            {{content.content}}
        </div>
    </div>
    <script>
        setTimeout(function() {
            var inner =  $("#MainArticle").text();
            $("#MainArticle").empty().html(inner);
        },100);
    </script>

    <!-- 评论 -->
    <div class="listBox message">
        <h3 class="textLeft">
            <strong>留言</strong>
            <span class="em">(</span>
            <em id="messageCount">0</em>
            <span>)条</span>
        </h3>


        <!-- 评论 -->
        <div class="messageList"></div>

        <div class="pager">
            <ul class="clear">
                <li class="previous">
                    <a href="">上一页</a>
                </li>
                <li></li>
                <li class="next">
                    <a href="">下一页</a>
                </li>
            </ul>
        </div>


        <p class="textLeft clear">
            <p>我要发表看法</p>

            <label for="messageContent">您的留言</label>
            <textarea class="form-control" name="" id="messageContent" cols="70" rows="2" ></textarea><br/>

            <label for="username">您的大名：</label>
            <input type="text" name="username" id="username">«-必填<br/>

            <label for="email">电子邮件：</label>
            <input type="email" name="email" id="email">«-必填，不公开<br/>

            <label for="url">个人网址：</label>
            <input type="text" name="url" id="url">«-我信任你，不会填写广告链接<br/>

            <label for="info">记住个人信息？</label>
            <input type="checkbox" id="info"><br/>
        
            <!-- 文章的id -->
            <input type="hidden" id="contentId" value="{{content.id}}">
            <button id="messageBtn" class="submit">发表</button>
        </p>

        <!-- 保留 不要删除 -->
        <!--{% if userInfo._id %}-->
        <!--<p class="textLeft clear">-->
        <!--<textarea class="form-control" name="" id="messageContent" cols="70" rows="2"></textarea>-->
        <!--<input type="hidden" id="contentId" value="{{content.id}}">-->
        <!--<button id="messageBtn" class="submit">提交</button>-->
        <!--</p>-->
        <!--{% else%}-->
        <!--<p class="bgDanger">您还没有登录，请登录！</p>-->
        <!--{% endif %}-->

    </div>

<script type="text/javascript" src="/public/js/comment.js"></script>
{% endblock %}
